<template>
  <div class="logomenu">
    <a href="./">
      <img src="../assets/logo.png">
    </a>
    <div class="menu">
      <ul>
        <li><a href="front.aspx" style="background-color: #90000A;color:#FFF;">首页</a></li>
        <!--<li><a  href="#" onclick="linkp('post.ashx?query=html通用_logo搜索框&搜索类型=试剂库房')">器材办</a></li>-->
        <!--li><a  href="front.aspx?page=tjzx&搜索类型=调剂中心" >调剂中心</a></li-->
        <li><a href="front.aspx?page=aqzq">安全专区</a></li>
        <li><a href="Front.aspx?page=tjgx_main" onclick="linkp('post.ashx?query=html通用_logo搜索框&amp;搜索类型=调剂共享')">调剂共享</a></li>
        <li><a href="front.aspx?page=tzgg&amp;param=通知公告">通知公告</a></li>
        <li><a href="front.aspx?page=ghs&amp;param=A">供货商</a></li>
        <li><a href="https://bio-protocol.org/cn/Default.aspx" target="blank">实验方案</a></li>
      </ul>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'LogoMenu'
  }
</script>

<style scoped>
  .logomenu{
    background: white;
    width:1140px;
    margin: 5px auto;
    margin-bottom: 3px;
    padding-top: 2px;
  }
  .menu{
    float: left;
    margin: 10px auto;
    margin-left: 70px;
  }

  .container_cart .menu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .container_cart .menu ul li{
    float: left;
    margin: 3px auto;
  }

  .container_cart .menu ul li a{
    display: block;
    width: 80px;
    color: #fff;
    text-align: center;
    padding: 10px 6px;
  }

  .container_cart .menu ul li a:hover{
    color: #fff;
  }

</style>
